<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML>
<html>
  <head>
    <title>用户管理</title>
  	<link rel="stylesheet" href="pages/system/user/css/user.css" type="text/css"></link>
	<script type="text/javascript" src="pages/system/user/js/user.js"></script>
  </head>
  <body>
    <div class="container-fluid">
    	<ul class="nav nav-tabs">
			<li role="presentation" class="active"><a href="#user-info"
				aria-controls="user-info" role="tab" data-toggle="tab">用户信息管理</a>
			</li>
		</ul>
    	<div class="tab-content">
			<div id="user-info" role="tabpanel" class="tab-pane active">
		    	<div id="toolbar" class="toolbar">
			    	<button id="resetPassword-btn" type="button" class="btn btn-default" ><i class="glyphicon glyphicon-repeat"></i>重置密码</button>
			    	<button id="addUser-btn" type="button" class="btn btn-default" ><i class="glyphicon glyphicon-plus"></i>添加</button>
			    	<button id="delUser-btn" type="button" class="btn btn-default" ><i class="glyphicon glyphicon-remove"></i>删除</button>
		    	</div>
		    	<table id="user-table"></table>
			</div>
		</div>
	</div>
	
	<!-- userinfo Modal -->
	<div id="userinfo-modal" class="modal fade" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel">
		<div class="modal-dialog modal-lg" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="myModalLabel">用户资料</h4>
				</div>
				<div class="modal-body">
					
					<form id="userinfo-form" class="form-horizontal">
					
					  <div class="form-group">
					    <label for="username" class="col-md-2 control-label">用户名</label>
					    <div class="col-md-6">
					      <input type="text" id="userId" name="userId" hidden >
					      <input type="text" class="form-control info-input" id="username" name="username" placeholder="用户名" >
					    </div>
					    <span id="username-span" class="col-md-1 form-icon"></span>
					    <label id="username-label" class="col-md-3 info-label"></label>
					  </div>
					  <div class="form-group">
					    <label for="nickname" class="col-md-2 control-label">昵&nbsp;称</label>
					    <div class="col-md-6">
					      <input type="text" class="form-control info-input" id="nickname" name="nickname" placeholder="昵称">
					    </div>
					    <label id="nickname-label" class="col-md-4 info-label"></label>
					  </div>
					  <div class="form-group">
					    <label for="phone" class="col-md-2 control-label">手机号</label>
					    <div class="col-md-6">
					      <input type="text" class="form-control info-input" id="phone" name="phone" placeholder="手机号">
					    </div>
					    <label id="phone-label" class="col-md-4 info-label"></label>
					  </div>
					  <div class="form-group">
					    <label for="email" class="col-md-2 control-label">邮箱号</label>
					    <div class="col-md-6">
					      <input type="email" class="form-control info-input" id="email" name="email" placeholder="邮箱号">
					    </div>
					    <label id="email-label" class="col-md-4 info-label"></label>
					  </div>
					  <div class="form-group">
					    <label for="roleIds" class="col-md-2 control-label">角&nbsp;&nbsp;色</label>
					    <div class="col-md-6">
					      <select id="roleIds" multiple="multiple" ></select>
					    </div>
					    <label id="roleIds-label" class="col-md-4 info-label"></label>
					  </div>
					</form>
					
					
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button id="userinfo-save-btn" type="button" class="btn btn-primary" disabled >保存</button>
				</div>
			</div>
		</div>
	</div>
	
  </body>
</html>
